﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <!--<link href="ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />-->
    <link href="ext/resources/css/ext-all-neptune.css" rel="stylesheet" type="text/css" />
    <script src="ext/ext-all-dev.js" type="text/javascript"></script>
    <script src="ext/ext-lang-es.js" type="text/javascript"></script>
    <script src="MyApp/users/Employee.js" type="text/javascript"></script>
    <script type="text/javascript">
        Ext.onReady(function () {
            //            var Oejemplo = {
            //                text: 'Objeto de ejemplo'
            //            };

            //            var button = Ext.create('Ext.button.Button', {
            //                text: 'Mi boton Test',
            //                /*listeners: {
            //                click: function (button, e, options) {
            //                Ext.Msg.alert('', this.text);
            //                }
            //                },*/
            //                /*listeners: {
            //                click: Ext.bind(function (button, e, options) {
            //                Ext.Msg.alert('', this.text);        
            //                }, Oejemplo)
            //                },*/
            //                listeners: {
            //                    click: function (button, e, options) {
            //                        Ext.Msg.alert('', this.text);
            //                    },
            //                    scope: Oejemplo
            //                },
            //                renderTo: Ext.getBody()
            //            });
            //            button.show();

            //            var panel = Ext.create('Ext.panel.Panel', {
            //                title: 'Un panel',
            //                width: 400,
            //                height: 300,
            //                html: 'contenido',
            //                renderTo: Ext.getBody(),
            //                dockedItems: [{
            //                    xtype: 'toolbar',
            //                    dock: 'top',
            //                    items: ['Top toolbar']
            //                }, {
            //                    xtype: 'toolbar',
            //                    dock: 'bottom',
            //                    items: ['Bottom toolbar']
            //                }]
            //            })
            //            //panel.render(Ext.getBody());
            //            //panel.render('prueba');
            //            panel.center();

            //            var win = Ext.create('Ext.window.Window', {
            //                title: 'Window',
            //                width: 300,
            //                height: 200,
            //                maximizable: true,
            //                layout: 'card', //'fit',
            //                modal: true,
            //                defaults: {
            //                    xtype: 'panel',
            //                    height: 60,
            //                    border: false
            //                },
            //                items: [
            //                    { title: 'Menu', html: 'Menu Principal' },
            //                    { title: 'Contenido', html: 'El contenido principal' }
            //                ]

            //            });

            //            win.show();

            //                        setTimeout(function () {
            //                            win.getLayout().setActiveItem(1);
            //                        }, 2000);

            //                        var employee = Ext.create('MyApp.users.Employee');

            //                        employee.on('success', function (user) {
            //                            Ext.Msg.alert('Success', 'Bienvenido a la aplicacion');
            //                        });

            //                        employee.addListener('fail', function (attempts) {
            //                            Ext.Msg.alert('Error', 'Error de autenticación' + attempts + ' intentos');
            //                        });

            //                        employee.login('cesar', 'bocanegra');

            var menu = Ext.create('Ext.menu.Menu', {
                items: [
                    Ext.create('Ext.menu.Item', { text: 'Master Card' }),
                    Ext.create('Ext.menu.Item', { text: 'Visa' }),
                    Ext.create('Ext.menu.Item', { text: 'American Express' })
                ]
            });

            var btn1 = Ext.create('Ext.button.Button', {
                text: 'Modos de pago',
                scale: 'large',
                renderTo: Ext.getBody(),
                menu:menu
//                menu: [
//                    { text: 'Master Card' },
//                    { text: 'Visa' },
//                    { text: 'American Express' }
//                ]
            });

        });

    </script>
</head>
<body>
<div id="prueba"></div>


</body>
</html>
